<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="">
  <meta name="author" content="baibai">
  <meta name="keywords" content="堡垒机,跳板机,运维安全审计,远程控制,VNC,RDP,内网穿透|百百|百百堡垒机">
  <meta name="description" content="基于web的远程控制，无任何插件，协议支持vnc，rdp，支持内网穿透，四层协议代理。">
  <title>堡垒机|百百|版本对比</title>
  <style>
    @keyframes hidePreloader {
      0% {
        width: 100%;
        height: 100%;
      }

      100% {
        width: 0;
        height: 0;
      }
    }

    body>div.preloader {
      position: fixed;
      background: white;
      width: 100%;
      height: 100%;
      z-index: 1071;
      opacity: 0;
      transition: opacity .5s ease;
      overflow: hidden;
      pointer-events: none;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    body:not(.loaded)>div.preloader {
      opacity: 1;
    }

    body:not(.loaded) {
      overflow: hidden;
    }

    body.loaded>div.preloader {
      animation: hidePreloader .5s linear .5s forwards;
    }
  </style>
  <script>
    window.addEventListener("load", function () {
      setTimeout(function () {
        document.querySelector('body').classList.add('loaded');
      }, 300);
    });
  </script>
  <!-- Favicon -->
  <link rel="icon" href="assets/img/logo.png" type="image/png">
  <link rel="stylesheet" href="assets/libs/@fortawesome/fontawesome-free/css/all.min.css">
  <!-- Quick CSS -->
  <link rel="stylesheet" href="assets/css/quick-website.css" id="stylesheet">
</head>

<body>
  <!-- Preloader -->
  <div class="preloader">
    <div class="spinner-border text-primary" role="status">
      <span class="sr-only">Loading...</span>
    </div>
  </div>
  <div class="modal fade" tabindex="-1" role="dialog" id="modal-cookies" data-backdrop="false"
    aria-labelledby="modal-cookies" aria-hidden="true">
    <div class="modal-dialog modal-dialog-aside left-4 right-4 bottom-4">
      <div class="modal-content bg-dark-dark">
        <div class="modal-body">
          <!-- Text -->
          <p class="text-sm text-white mb-3">
            We use cookies so that our themes work for you. By using our website, you agree to our use of cookies.
          </p>
          <!-- Buttons -->
          <a href="pages/utility/terms.html" class="btn btn-sm btn-white" target="_blank">Learn more</a>
          <button type="button" class="btn btn-sm btn-primary mr-2" data-dismiss="modal">OK</button>
        </div>
      </div>
    </div>
  </div>
  <!-- Navbar -->
  <nav class="navbar navbar-expand-lg navbar-light bg-white">
    <div class="container">
      <!-- Brand -->
      <a class="navbar-brand" href="index.html">
        <img alt="Image placeholder" src="assets/img/logo.png" id="navbar-logo">
        堡垒机 | 百百 | 开源
      </a>
      <!-- Toggler -->
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse"
        aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <!-- Collapse -->
      <div class="collapse navbar-collapse" id="navbarCollapse">
        <ul class="navbar-nav mt-4 mt-lg-0 ml-auto">
          <li class="nav-item ">
            <a class="nav-link" href="/index.html">主页</a>
          </li>
        </ul>
      </div>
    </div>
  </nav>
  <!-- Main content -->
  <section class="slice slice-lg bg-section-secondary">
    <div class="container text-center">
      <div class="row justify-content-center mb-6">
        <div class="col-lg-8">
          <!-- Title -->
          <h2 class="h1 strong-600">
            专业版和公共版对比
          </h2>
          <!-- Text -->
          <p class="text-muted">
            百百堡垒机产品分为两个产品方向，面向不同的用户，请根据实际情况进行选择安装部署。
          </p>
        </div>
      </div>
      <!-- Pricing -->
      <div class="row justify-content-center">
        <div class="col-lg-4 col-md">
          <div class="card card-pricing bg-dark text-center px-3 border-0 hover-scale-110">
            <div class="card-header py-5 border-0 delimiter-bottom">
              <div class="h1 text-white text-center mb-0"><span class="price font-weight-bolder">专业版</span></div>
              <span class="h6 text-white">面向单个团队、企业用户，账号管理员分配，被控方无权限拒绝发起的远程控制。</span>
            </div>
            <div class="card-body">
              <ul class="list-unstyled text-white text-sm opacity-8 mb-4">
                <li class="py-2">账号管理员分配</li>
                <li class="py-2">单个团队、企业</li>
                <li class="py-2">能够相互传文件</li>
                <li class="py-2">录像审计</li>
                <li class="py-2">支持RDP协议</li>
                <li class="py-2">支持VNC协议</li>
                <li class="py-2">支持SSH协议</li>
                <li class="py-2">可添加公网计算机，能够直接发起SSH,无需安装客户端</li>
                <li class="py-2">账号权限菜单控制</li>
                <li class="py-2">计算机自动注册到平台</li>
                <li class="py-2">被控方无权限拒绝远程控制</li>
                <li class="py-2">公共版对比全新的界面</li>
              </ul>
              <a href="/deployment.html" class="btn btn-sm btn-white hover-translate-y-n3 hover-shadow-lg mb-3">立即部署</a>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md">
          <div class="card card-pricing text-center px-3 hover-scale-110">
            <div class="card-header py-5 border-0 delimiter-bottom">
              <div class="h1 text-center mb-0"><span class="price font-weight-bolder">公共版</span></div>
              <span class="h6 text-muted">面向多团队运维，账号自由注册，被控方自由度大。</span>
            </div>
            <div class="card-body">
              <ul class="list-unstyled text-sm mb-4">
                <li class="py-2">账号自由注册</li>
                <li class="py-2">多租团队、企业</li>
                <li class="py-2">各自管理员</li>
                <li class="py-2">能够相互传文件</li>
                <li class="py-2">录像审计</li>
                <li class="py-2">支持RDP协议</li>
                <li class="py-2">支持VNC协议</li>
                <li class="py-2">能够代理局域网端口到公网</li>
                <li class="py-2">账号权限菜单控制</li>
                <li class="py-2">控制设备需要手动添加</li>
                <li class="py-2">被控方可拒绝远程控制</li>
                <li class="py-2">被控方可取消团队的授权</li>
              </ul>
              <a href="/deployment.html"
                class="btn btn-sm btn-warning hover-translate-y-n3 hover-shadow-lg mb-3">立即部署</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <footer class="position-relative" id="footer-main">
    <div class="footer pt-lg-7 footer-dark bg-dark">
      <!-- SVG shape -->
      <div class="shape-container shape-line shape-position-top shape-orientation-inverse">
        <svg width="2560px" height="100px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
          preserveAspectRatio="none" x="0px" y="0px" viewBox="0 0 2560 100" style="enable-background:new 0 0 2560 100;"
          xml:space="preserve" class=" fill-section-secondary">
          <polygon points="2560 0 2560 100 0 100"></polygon>
        </svg>
      </div>
      <!-- Footer -->
      <div class="container pt-4">
        <div class="row">
          <div class="col-lg-4 mb-5 mb-lg-0">
            <!-- Theme's logo -->
            <a href="index.html">
              <img alt="Image placeholder" src="assets/img/logo.png" id="footer-logo">
            </a>
            <!-- Webpixels' mission -->
            <p class="mt-4 text-sm opacity-8 pr-lg-4">
              百百堡垒机是基于HTML5,不需要插件或客户端软件。没有公网计算机也能够进行控制，并且还提供了内网端口穿透功能。整个系统免费使用，没有任何广告，功能以及性能都没有限制。致力于打造低成本的堡垒机系统。
            </p>
            <!-- Social -->
            <ul class="nav mt-4">
              <li class="nav-item">
                <a class="nav-link" href="https://gitee.com/baibaiclouds/platform" target="_blank">
                  <i class="fab fa-github"></i>
                </a>
              </li>
            </ul>
          </div>
          <div class="col-lg-6 col-6 col-sm-6 mb-5 mb-lg-0">
            <h6 class="heading mb-3">联系我们</h6>
            <ul class="list-unstyled">
              <li>
                <img src="https://img-blog.csdnimg.cn/20200726232850251.png">
              </li>
            </ul>
          </div>
        </div>
        <hr class="divider divider-fade divider-dark my-4">
        <div class="row align-items-center justify-content-md-between pb-4">
          <div class="col-md-6">
            <div class="copyright text-sm font-weight-bold text-center text-md-left">
              &copy; 2021 <a href="#" class="font-weight-bold" target="_blank">百百</a>. All
              rights reserved
            </div>
          </div>
        </div>
      </div>
    </div>
  </footer>
  <!-- Core JS  -->
  <script src="assets/libs/jquery/dist/jquery.min.js"></script>
  <script src="assets/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
  <script src="assets/libs/svg-injector/dist/svg-injector.min.js"></script>
  <script src="assets/libs/feather-icons/dist/feather.min.js"></script>
  <!-- Quick JS -->
  <script src="assets/js/jquery-1.11.1.min.js"></script>
  <script src="assets/js/common.js"></script>
  <script src="assets/js/quick-website.min.js"></script>
  <!-- Feather Icons -->
  <script>
    feather.replace({
      'width': '1em',
      'height': '1em'
    })
  </script>
</body>

</html>